<#include "../header.ftl">
<html>
<body>

<#include "../nav-top.ftl">
<div class="sui-container" style="margin-top: 30px;">
    <ul class="sui-breadcrumb" style="padding: 0px 0px">
        <li><a href="#">游戏管理</a></li>
        <li class="active">游戏添加/移除</li>
    </ul>
    <div class="sui-row-fluid">
        <div class="span4" style="max-height: 500px;">
            <form id="form-msg" class="sui-form form-horizontal" novalidate="novalidate">
                <div class="control-group">
                    <label for="channelName">渠道名称：</label>
                    <div class="controls">
                        <input type="text" id="channelName" name="channelName" placeholder="渠道名称" data-rules="required">
                    </div>
                    &nbsp;&nbsp;
                    <a href="javascript:void(0)" class="sui-btn btn-large query-channel">查询</a>&nbsp;
                </div>
            </form>
            <table class="sui-table table-bordered rowover-table" id="tab-channel">
                <thead>
                <tr>
                    <th><input type="checkbox" class="check-all-channel"/></th>
                    <th>渠道名称</th>
                    <th>备注</th>
                </tr>
                </thead>
                <tbody>

                </tbody>
            </table>
        </div>
        <div class="span8" id="type-normal">
            <ul class="sui-nav nav-tabs nav-xlarge nav-primary">
                <li class="active"><a href="#IOSGame" data-toggle="tab">IOS游戏</a></li>
                <li><a href="#androidGame" data-toggle="tab">安卓游戏</a></li>
                <li class="hasGame"><a href="#hasGame" data-toggle="tab">已添加游戏</a></li>
            </ul>
            <div class="tab-content">
                <div id="IOSGame" class="tab-pane active">
                    <form id="form-msg" class="sui-form form-horizontal" novalidate="novalidate">
                        <div class="control-group">
                            <label for="gameName1">游戏名称：</label>
                            <div class="controls">
                                <input type="text" id="gameName1" name="gameName1" placeholder="游戏名称"
                                       data-rules="required">
                            </div>
                            &nbsp;&nbsp;
                            <label for="inputEmail">类型：</label>
                            <div class="controls">
                            <#--<input type="text" id="inputEmail" name="email" placeholder="群组名称" data-rules="required">-->
                                <select class="input-large" id="gameType1">
                                    <option value="">全部</option>
                                <#list gameType as game>
                                    <option value="${game.codeValue}">${game.codeName}</option>
                                </#list>
                                </select>
                            </div>
                            &nbsp;&nbsp;
                            <a href="javascript:void(0)" class="sui-btn btn-large query-ios">查询</a>&nbsp;
                            <a href="javascript:void(0)" class="sui-btn btn-large add-ios">添加</a>&nbsp;
                        </div>
                    </form>
                    <table class="sui-table table-bordered rowover-table" id="tab-ios">
                        <thead>
                        <tr>
                            <th><input type="checkbox" class="check-all-ios"/></th>
                            <th>游戏LOGO</th>
                            <th>游戏名称</th>
                            <th>类型</th>
                            <th>版本</th>
                            <th>混服情况</th>
                            <th>大小</th>
                            <th>游戏说明</th>
                        </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                    <div class="sui-pagination pagination-large ios-pagination" style="float: right">
                        <ul>
                            <li class="prev disabled"><a href="#">«上一页</a></li>
                            <li class="next"><a href="#">下一页»</a></li>
                        </ul>
                    </div>
                </div>
                <div id="androidGame" class="tab-pane">
                    <form id="form-msg" class="sui-form form-horizontal" novalidate="novalidate">
                        <div class="control-group">
                            <label for="gameName2">游戏名称：</label>
                            <div class="controls">
                                <input type="text" id="gameName2" name="gameName2" placeholder="游戏名称"
                                       data-rules="required">
                            </div>
                            &nbsp;&nbsp;
                            <label for="gameType2">类型：</label>
                            <div class="controls">
                                <select class="input-large" id="gameType2">
                                    <option value="">全部</option>
                                <#list gameType as game>
                                    <option value="${game.codeValue}">${game.codeName}</option>
                                </#list>
                                </select>
                            </div>
                            &nbsp;&nbsp;
                            <a href="javascript:void(0)" class="sui-btn btn-large query-android">查询</a>&nbsp;
                            <a href="javascript:void(0)" class="sui-btn btn-large add-android">添加</a>&nbsp;
                        </div>
                    </form>
                    <table class="sui-table table-bordered  rowover-table" id="tab-android">
                        <thead>
                        <tr>
                            <th><input type="checkbox" class="check-all-android"/></th>
                            <th>游戏LOGO</th>
                            <th>游戏名称</th>
                            <th>类型</th>
                            <th>版本</th>
                            <th>混服情况</th>
                            <th>大小</th>
                            <th>游戏说明</th>
                        </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                    <div class="sui-pagination pagination-large android-pagination" style="float: right">
                        <ul>
                            <li class="prev disabled"><a href="#">«上一页</a></li>
                            <li class="next"><a href="#">下一页»</a></li>
                        </ul>
                    </div>
                </div>
                <div id="hasGame" class="tab-pane">
                    <form id="form-msg" class="sui-form form-horizontal" novalidate="novalidate">
                        <div class="control-group">
                            <label for="gameName3">游戏名称：</label>
                            <div class="controls">
                                <input type="text" id="gameName3" name="gameName3" placeholder="游戏名称"
                                       data-rules="required">
                            </div>
                            &nbsp;&nbsp;
                            <label for="gameType3">类型：</label>
                            <div class="controls">
                                <select class="input-large" id="gameType3">
                                    <option value="">全部</option>
                                <#list gameType as game>
                                    <option value="${game.codeValue}">${game.codeName}</option>
                                </#list>
                                </select>
                            </div>
                            &nbsp;&nbsp;
                            <a href="javascript:void(0)" class="sui-btn btn-large query-has">查询</a>&nbsp;
                            <a href="javascript:void(0)" class="sui-btn btn-large game-del">删除</a>&nbsp;
                        </div>
                    </form>
                    <table class="sui-table table-bordered rowover-table" id="tab-has">
                        <thead>
                        <tr>
                            <th><input type="checkbox" class="check-all-has"/></th>
                            <th>游戏LOGO</th>
                            <th>游戏名称</th>
                            <th>类型</th>
                            <th>版本</th>
                            <th>混服情况</th>
                            <th>大小</th>
                            <th>游戏说明</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                    <div class="sui-pagination pagination-large has-pagination" style="float: right">
                        <ul>
                            <li class="prev disabled"><a href="#">«上一页</a></li>
                            <li class="next"><a href="#">下一页»</a></li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>

    </div>
</div>
<#include "../footer.ftl">
<script src="../../static/js/plugins/sea/sea.js"></script>
<script src="../../static/js/sea.config.js"></script>
<script>
    seajs.use('/static/js/game/game/list');

</script>
<script id="tp-channel" type="text/html">
    <% for (var i = 0; i < list.length; i ++) {
    var channel = list[i];
    %>
    <tr class="channel-id">
        <td><input type="checkbox" name="channel-id" value=" <%= channel.channelId %>"/>
        </td>
        <td><%= channel.channelName %></td>
        <td><%= channel.channelRemark %></td>
    </tr>
    <% } %>
</script>

<script id="tp-ios" type="text/html">
    <% for (var i = 0; i < list.length; i ++) {
    var game = list[i];
    %>
    <tr>
        <td><input type="checkbox" name="add-game-ios" value="<%= game.gameId %>"></td>
        <td><%= game.gameLogo %></td>
        <td><%= game.gameName %></td>
        <td><%= game.gameType %></td>
        <td><%= game.gameVersion %></td>
        <td><%= game.gameService %></td>
        <td><%= game.gameSize %></td>
        <td><%= game.gameRemark %></td>
    </tr>
    <% } %>
</script>
<script id="tp-android" type="text/html">
    <% for (var i = 0; i < list.length; i ++) {
    var game = list[i];
    %>
    <tr>
        <td><input type="checkbox" name="add-game-android" value="<%= game.gameId %>"></td>
        <td><%= game.gameLogo %></td>
        <td><%= game.gameName %></td>
        <td><%= game.gameType %></td>
        <td><%= game.gameVersion %></td>
        <td><%= game.gameService %></td>
        <td><%= game.gameSize %></td>
        <td><%= game.gameRemark %></td>
    </tr>
    <% } %>
</script>

<script id="tp-has" type="text/html">
    <% for (var i = 0; i < list.length; i ++) {
    var game = list[i];
    %>
    <tr>
        <td><input type="checkbox" name="add-game-has" value="<%= game.gameId %>"></td>
        <td><%= game.gameLogo %></td>
        <td><%= game.gameName %></td>
        <td><%= game.gameType %></td>
        <td><%= game.gameVersion %></td>
        <td><%= game.gameService %></td>
        <td><%= game.gameSize %></td>
        <td><%= game.gameRemark %></td>
        <td>
            <a href="javascript:void(0);" class="sui-btn btn-link btn-small ">下载链接</a>
            <a href="javascript:void(0);" class="sui-btn btn-link btn-small ">二维码</a>
        </td>
    </tr>
    <% } %>
</script>
</body>
</html>
